<!DOCTYPE html>

<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>Merkling Family On The Web</title>
	<link href="Styles/Reset.css" rel="stylesheet"/>
	<link href="Styles/Text.css"  rel="stylesheet"/>
	<link href="Styles/960.css"   rel="stylesheet"/>
	<link href="Styles/Main.css"  rel="stylesheet"/>
	<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   
</head> <!-- End of head -->

<body>
	<a id="Top"></a>

	<div class="container_16">
	    <div class="grid_16" id="MainHdr"><img src="Images/Logo.png" alt=""/></div>
	    <div class="clear"></div>

		<!-- NAV -->
    	<div class="grid_16">
			<nav>
				<ul>
					<li><a id="CurrentPage"              >Home</a></li>
					<li><a href="../Office/Office.html"  >Office</a></li>
					<li><a href="../Library/Library.html">Library</a></li>
					<li><a href="../Crafts/Crafts.html"  >Crafts</a></li>
					<li><a href="../Family/Family.html"  >Family</a></li>
					<li><a href="../Gallery/Gallery.html">Gallery</a></li>
					<li><a href="../Kitchen/Kitchen.html">Kitchen</a></li>
					<li><a href="../Media/Media.html"    >Media</a></li>
				</ul>
			</nav> <!-- End of nav -->
    	</div> <!-- End of .grid_16 -->
    	<div class="clear"></div> <!-- End of NAV -->

		<!-- SECTION -->
    	<div class="grid_16">
			<div class="grid_13">
				<div id="TheHouse">
					<img src="Images/House.jpg" usemap=#House alt="This is an active image map; click on the room you wish to visit"/>
				</div>
				<map name="House">
					<area shape="rect" coords="27,118,175,255"  href="Office/Office.html"   alt="Office">
					<area shape="rect" coords="184,119,266,255" href="Library/Library.html" alt="Library">
					<area shape="rect" coords="276,119,418,255" href="Crafts/Crafts.html"   alt="Crafts">
					<area shape="rect" coords="27,265,175,427"  href="Family/Family.html"   alt="Family Room">
					<area shape="rect" coords="185,265,269,426" href="Gallery/Gallery.html" alt="Gallery">
					<area shape="rect" coords="276,265,418,426" href="Kitchen/Kitchen.html" alt="Kitchen">
					<area shape="rect" coords="27,435,419,501"  href="Media/Media.html"     alt="Media Room">
				</map>
			</div> <!-- end .grid_13 -->
			<div class="grid_3" id="NavVert">
				<div style="height: 120px;"> </div>
				<nav_vert>
					<ul>
						<li><a id="CurrentChoice"         >Home</a></li>
						<li><a href="Office/Office.html"  >Office</a></li>
						<li><a href="Library/Library.html">Library</a></li>
						<li><a href="Crafts/Crafts.html"  >Crafts & Hobbies</a></li>
						<li><a href="Family/Family.html"  >Family Room</a></li>
						<li><a href="Gallery/Gallery.html">Art Gallery</a></li>
						<li><a href="Kitchen/Kitchen.html">Kitchen</a></li>
						<li><a href="Media/Media.html"    >Media Room</a></li>
					</ul>
				</nav_vert>
			</div> <!-- end .grid_3 -->
    	</div> <!-- End of .grid_16 -->
		<div class="clear"></div> <!-- End of SECTION -->

    	<div class="grid_16">
		    <div class="grid_2">&nbsp;</div>
		    <div class="grid_12" style="font-size: 14px;">
		    	<p>Welcome to our home on the web. Come on in and sit a spell. Kick off your shoes and put your feet up.
				   We'd like to get acquainted, so get relaxed and enjoy your visit.</p>
				<p>This is an active image map, so you can click on any room in the house that you wish to visit.
				   If your browser doesn't support client-side image maps, you can use the list to the right of the house to navigate to a specific room.</p>
		    </div> <!-- End of .grid_8 -->
		    <div class="grid_2">&nbsp;</div>
    	</div> <!-- End of .grid_16 -->
		<div class="clear"></div>
	
		<!-- FOOTER -->
		<footer>
			<img id="Valid" src="Images/Valid-CSS.png" alt="Valid CSS!" title="Valid CSS">
    		<div>&copy; 2014 <a href="mailto:WebMaster@Merkling.org">Dan Merkling</a></div>
		</footer> <!-- End of FOOTER -->

	</div> <!-- end of container_16 -->

	<a id="Bottom"></a>
</body> <!-- End of body -->

</html>